<template>
	<u-navbar :is-back="true" title="账户余额" :background="background" :border-bottom="false" title-color="#333333"
		height="44" :title-size="32" :style="{'--height':`${topNavbarBgHeight}rpx`}" />
</template>

<script>
	export default {
		options: {
			styleIsolation: 'shared'
		},
		created() {
			console.log(this.topNavbarBgHeight)
		},
		computed: {
			topNavbarBgHeight() {
				return 750 * (this.$systemInfo.statusBarHeight + 44) / this.$systemInfo.screenWidth;
			}
		},
		data() {
			return {
				background: {
					background: 'url(https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/cc4e7189-9eb7-42e9-a5fb-9314d56bf0b7.png) no-repeat',
				}
			}
		}
	}
</script>

<style scoped>
	/deep/ .u-navbar {
		background-position: 0rpx 0rpx !important;
		background-size: 750rpx var(--height) !important;
	}
</style>
